<template>
    <div class="card">
        <header>
            <slot name="header" />
        </header>
        <main>
            <slot />
        </main>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
    header{
        background-color:#3498db;
        color: #fff;
        font-size:24px;
        font-weight: bold;
        padding:10px;
        box-sizing: border-box;
        margin-bottom: 10px;
    }
</style>